<div class="row home-wrap">
    <div class="col-md-8">
        <div class="panel panel-default">
            <!-- <div class="panel-heading padding0">
                <h5 class="row-title before-azure"><i class="glyphicon glyphicon-magnet azure"></i>任务统计</h5>
            </div> -->
            <div class="panel-body">
                <tabset flat="true">
                    <tab heading="巡检达标率">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="dataSpan-wrap">
                                    <form name="userWork" ng-submit="getUserWorkCount()" class="clearfix" novalidate>
                                        <table class="qry-tb pull-right">
                                            <tbody>
                                                <tr>
                                                    <th>时间:</th>
                                                    <td>
                                                        <div class="form-group">
                                                            <div class="date-wrap">
                                                                <div class="date-box start-box">
                                                                    <p class="input-group start-box" ng-click="openDate($event,'date.openStarted')">
                                                                        <input type="text" name="begindata" class="form-control" datepicker-options="dateOptions" datepicker-popup="{{format}}" current-text="今天" clear-text="清除" close-text="关闭" ng-model="queryParam.beginDate" is-open="date.openStarted" readonly="readonly" required/>
                                                                        <span class="input-group-btn">
                                                                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                                                                    </span>
                                                                    </p>
                                                                </div>
                                                                <span class="date-txt">到</span>
                                                                <div class="date-box end-box">
                                                                    <p class="input-group start-box" ng-click="openDate($event,'date.openEnded')">
                                                                        <input type="text" name="enddata" class="form-control" datepicker-options="dateOptions" datepicker-popup="{{format}}" current-text="今天" clear-text="清除" close-text="关闭" ng-model="queryParam.endDate" is-open="date.openEnded" readonly="readonly" required/>
                                                                        <span class="input-group-btn">
                                                                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                                                                    </span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <button type="submit" class="btn btn-primary" ng-disabled="userWork.$invalid" ng-click="setInspectionRate()" >查询</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                                <div class="chart-wrap">
                                    <div id="inspectionRate" style="height:500px; width:100%;" ng-init="charInit('inspectionRate')" style="height: 100%"></div>
                                </div>
                            </div>

                        </div>
                    </tab>

                </tabset>
            </div>

        </div>

    </div>
    <div class="col-md-4">
        <div class="pannel panel-default pannel-calendar">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>日历
            </div>
            <div class="panel-body">
                <datepicker format-day-title="yyyy MMMM" ng-model="dt" min-date="minDate" show-weeks="false" class="well date-wrap well-lg"></datepicker>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading weather-head">
                <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>天气
                <div class="cog-box">
                    <span class="glyphicon glyphicon-cog" ng-click="isShowInput=!isShowInput"></span>
                </div>
            </div>
            <div class="panel-body padding15">
                <div class="city-box" ng-if="isShowInput">
                    <div class="input-group">
                        <tags-input ng-model="cityObj" display-property="cityname" placeholder="输入城市名称" min-length="1" max-tags="1" replace-spaces-with-dashes="false" add-on-enter="false" add-on-blur="false" add-on-comma="false">
                            <auto-complete source="loadCitys($query)" min-length="1" load-on-focus="true" load-on-empty="true" max-results-to-show="20" template="my-custom-template"></auto-complete>
                        </tags-input>
                        <span class="input-group-btn">
                            <button class="btn btn-default shiny" type="button" ng-click="searchWeather()">Go</button>
                        </span>
                    </div>
                </div>
                <script type="text/ng-template" id="my-custom-template">
                    <div>
                        <span>{{data.cityname}}</span>
                    </div>
                </script>
                <!--<div id="weather">
                    <div class="weather" style="background: none;">
                        <div class="row cur-name">
                            <dl class="center clearfix">
                                <dt class="pull-left">
                                    <h2 class="city" ng-bind="weatherData.cityname"></h2></dt>
                                <dd class="pull-left" style="text-align:left;">
                                    <p class="full-date"><span class="dateInfo" ng-bind="todayData.date"></span><span ng-bind="todayData.week"></span></p>
                                </dd>
                            </dl>
                        </div>
                        <div class="row cur-info">
                            <dl class="center">
                                <dt class="pull-left">
                                    <div class="big-ico">
                                        <img ng-src="assets/css/weather/orange_transparent_90X90/{{weatherType[todayData.type]}}.png">
                                    </div>
                                </dt>
                                <dd class="pull-left weather-info">
                                    <h4><span ng-bind="todayData.type"></span>&nbsp;&nbsp;&nbsp;<span class="wd-num" ng-bind="todayData.lowtemp"></span>℃ - <span ng-bind="todayData.hightemp"></span></h4>
                                    <p>风向:<span ng-bind="todayData.fengxiang"></span>&nbsp;&nbsp;&nbsp;风力:<span ng-bind="todayData.fengli"></span></p>
                                </dd>
                            </dl>
                        </div>
                        <div class="row weather-list">
                            <div class="col-xs-6 weather-box" ng-repeat="weather in futureData track by $index">
                                <p>
                                    <span ng-bind="weather.date"></span>
                                    <span ng-bind="weather.week"></span>
                                </p>
                                <p>
                                <img ng-src="assets/css/weather/orange_transparent_50X50/{{weatherType[weather.type]}}_mini.png">
                                </p>
                                <p>
                                    <span ng-bind="weather.type"></span>
                                </p>
                                <p>
                                    <span ng-bind="weather.lowtemp"></span>-
                                    <span ng-bind="weather.hightemp"></span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>-->
                <div id="weather">
                    <div class="weather" style="background: none;">
                        <div class="row cur-name">
                            <dl class="center clearfix">
                                <dt class="pull-left">
                                <h2 class="city" ng-bind="weatherData.cityname"></h2>
                                </dt>
                                <dd class="pull-left" style="text-align:left;">
                                    <p class="full-date">
                                        <span class="dateInfo" ng-bind="todayData.date"></span><span ng-bind="todayData.week"></span>
                                    </p>
                                </dd>
                            </dl>
                        </div>
                        <div class="row cur-info">
                            <dl class="center">
                                <dt class="pull-left">
                                <div class="big-ico">
                                    <img ng-src="assets/css/weather/orange_transparent_90X90/{{weatherType[todayData.cond.cond_d]}}.png">
                                </div>
                                </dt>
                                <dd class="pull-left weather-info">
                                    <h4>
                                        <span ng-bind="todayData.type"></span>&nbsp;&nbsp;&nbsp;<span class="wd-num" ng-bind="todayData.tmp.min"></span>℃ -
                                        <span ng-bind="todayData.tmp.max"></span>℃
                                    </h4>
                                    <p>
                                        <span ng-bind="todayData.wind.dir"></span>&nbsp;&nbsp;&nbsp;<span ng-bind="todayData.wind.sc"></span>
                                    </p>
                                </dd>
                            </dl>
                        </div>
                        <div class="row weather-list">
                            <div class="col-xs-6 weather-box" ng-repeat="weather in futureData track by $index">
                                <p>
                                    <span ng-bind="weather.date"></span> <span ng-bind="weather.week"></span>
                                </p>
                                <p>
                                    <img ng-src="assets/css/weather/orange_transparent_50X50/{{weatherType[weather.cond.cond_d]}}_mini.png">
                                </p>
                                <p>
                                    <span ng-bind="weather.cond.cond_d"></span>
                                </p>
                                <p>
                                    <span ng-bind="weather.tmp.min"></span>℃- <span ng-bind="weather.tmp.max"></span>℃
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/.天气-->
    </div>
</div>